-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Setup Routing for PKI tabs #17054
Setup Routing for PKI tabs #17054
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good work on the routing! I left a couple of comments but nothing blocking.
@@ -0,0 +1,3 @@ | |||
import Route from '@ember/routing/route'; | |||
|
|||
export default class CertificatesRoute extends Route {} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just a nit on class naming here. In the case that an error is thrown it might be nice to see a more specific name in the stack trace like PkiCertificatesRoute
.
<SecretListHeader | ||
@model={{this.model}} | ||
@backendCrumb={{hash | ||
label=this.model.id | ||
text=this.model.id | ||
path="vault.cluster.secrets.backend.list-root" | ||
model=this.model.id | ||
}} | ||
@isEngine={{true}} | ||
/> | ||
<Toolbar> | ||
<ToolbarActions> | ||
<ToolbarLink @params={{array "configuration.tidy"}}> | ||
Tidy | ||
</ToolbarLink> | ||
<ToolbarLink @params={{array "configuration.edit"}}> | ||
Edit configuration | ||
</ToolbarLink> | ||
</ToolbarActions> | ||
</Toolbar> | ||
|
||
<div class="form-section"> | ||
<label class="title has-padding-top is-5"> | ||
URLs | ||
</label> | ||
</div> | ||
<div class="form-section"> | ||
<label class="title has-padding-top is-5"> | ||
CRL | ||
</label> | ||
</div> | ||
<div class="form-section"> | ||
<label class="title has-padding-top is-5"> | ||
Mount Configuration | ||
</label> | ||
<div class="box is-fullwidth is-sideless is-paddingless is-marginless"> | ||
{{! ARG TODO component and empty state }} | ||
</div> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I know this is still WIP but wanted to confirm that this will become a component because I think it's used in other routes as well?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good catch. The empty state section will, yep, and then I'll use the infoTableRows components for the three chunks of data dispaled.
PKI route infrastructure work to get things setup.
This does not cover the creation of all the routes (specifically the nested configuration routes), but gives a pretty good layout of the approach.
Below is a video of how the routing looks.
NOTES:
SecretListHeader
components on the tab routes allows me to see the breadcrumbs/title/tabs every time I switch to another tab.ember g route <route path> -in-repo pki
to generate a route in the pki engine it automatically creates a duplicate app folder with the route files. I normally remember not to commit these, but I've committed two accidentally in the overview route and delete them here in this pr. You'll see them deleted at the end of the list of "Files changed."routing.mov